{% extends 'wechat_base.html' %}

{% block title %}
微信公众号聚合-订阅号及文章内容收录
{% endblock %}

{% block head %}

{% endblock %}

{% block main_left %}
<div class="layui-carousel" id="test1" style="border-radius: 20px">
    <div carousel-item style="border-radius: 20px;">

        <div style="border-radius: 20px;">
            <a href="" target="_blank">
                <img src="/static/img/banner01.png" alt="" style="border-radius: 20px;">
            </a>
        </div>
        <div style="border-radius: 20px;">
            <a href="" target="_blank">
                <img src="/static/img/banner02.png" alt="" style="border-radius: 20px;">
            </a>
        </div>
    </div>
    <span type="text" data-num="1" id="num" style="display: none"></span>
</div>

<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="background: white; border-radius: 15px">
    <ul class="layui-tab-title" id="cats">
        {% for a in data %}
        <li id="{{ a.id }}" class="search-li">{{ a.author }}</li>
        {% endfor %}
    </ul>

</div>
{# 文章列表#}
<div class="article" id="demo" style="border-radius: 15px">
</div>

{% endblock %}


{% block main_right %}
<div class="layui-card" style="border-radius: 15px">
    <div class="layui-card-header">公告

        <span class="layui-badge layui-bg-green" style="float: right; margin-top: 12px">aaaaaaa</span>
        <span class="layui-badge layui-bg-gray" style="float: right; margin-top: 12px">文章数:</span>
    </div>
    <div class="layui-card-body1" id="box" style="height: 100px">
        当前版本:
    </div>
</div>

{#二维码图片提示框#}
<div class="tips">
    <div class="tipscont">
        <img src="" width="100" height="100" alt="" />
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-header">公众号<span class="layui-badge layui-bg-green" style="float: right; margin-top: 12px">{{
            account_num }}</span>
    </div>
    <div id="box2">
        <div class="layui-collapse">
            {# <div class="layui-colla-item">#}
                {# <h2 class="layui-colla-title" style="background: white">热门公众号</h2>#}
                {# <div class="layui-colla-content layui-show">洞见网安</div>#}
                {# <div class="layui-colla-content ">洞见网安</div>#}
                {# </div>#}
            <div class="layui-collapse" lay-accordion>
                {% for tag in tags %}
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title" style="background: white">{{ tag.tag_name }}<span
                            class="layui-badge layui-bg-green" style="float: right; margin-top: 12px">{{
                            tag.accounts|length }}</span></h2>
                    <div class="layui-colla-content">
                        <h1>1111111111</h1>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>

{% endblock %}